﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrl-large-viewgallery.ascx.cs"
    Inherits="userControls_ctrl_large_viewgallery" %>
<div id="content" align="left">
    <asp:HiddenField ID="hfID" Value="0" runat="server" />
    <asp:HiddenField ID="hfPhotoCount" Value="3" runat="server" />
    <table width="100%" border="0">
        <tr id="trTrail" runat="server" style="display: none;">
            <td>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td align="center">
                            <asp:Image ID="imgMainTrail" runat="server" Style="border: 3px solid #000000;" Height="360" />
                            
                        </td>
                        <td align="left" valign="bottom">
                            <asp:ImageButton ID="ImageButton2" runat="server" 
                                AlternateText="Search for similar images" onclick="lbSearrchSimilar_Click" 
                                ImageUrl="~/images/icons/Similar Images.jpg"/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr id="trGallery" runat="server">
            <td align="center" valign="top">
                <div id="divcheck" runat=server>
                <div class="jcarousel-skin-tango">
                    <div style="display: block;" class="jcarousel-container jcarousel-container-horizontal">
                        <div style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal">
                        </div>
                        <div style="display: block;" class="jcarousel-next jcarousel-next-horizontal">
                        </div>
                        <div class="jcarousel-clip jcarousel-clip-horizontal">
                            <ul id="photos" runat="server" class="first-and-second-carousel jcarousel-skin-tango">
                                <asp:Literal ID="ltrImages" runat="server"></asp:Literal>
                            </ul>
                        </div>
                    </div>
                </div>
             </div>
                <asp:Image ID="imgMain" ImageUrl="" Width='250' Height='170' Style="border: 3px solid #000000;"
                    runat="server" />
                <%--<asp:Image ID="imgMainImage" runat="server" BorderColor="#000000" Height="170" BorderStyle="Solid"
                    BorderWidth="3px" />--%>
            </td>
        </tr>
       <%-- <tbody>
               <tr>
                    <td>
                    <div>
                        <table width="100%">
                            <tr>
                                <td style="width:30%;"></td>
                                <td style="width:30%;"></td>
                                <td>
                                    <asp:ImageButton ID="lbSearrchSimilar" runat="server" 
                                        AlternateText="Search for similar images" onclick="lbSearrchSimilar_Click" 
                                        ImageUrl="~/images/icons/Similar Images.jpg"/>
                                </td>
                            </tr>
                        </table>
                    </div>
                    </td>
               </tr>     
        </tbody>--%>
        <%--<tr>
            <td align="center" valign="top">
            <div id="divcheck" runat=server>
                <div class="jcarousel-skin-tango">
                    <div style="display: block;" class="jcarousel-container jcarousel-container-horizontal">
                        <div style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal">
                        </div>
                        <div style="display: block;" class="jcarousel-next jcarousel-next-horizontal">
                        </div>
                        <div class="jcarousel-clip jcarousel-clip-horizontal">
                            <ul id="photos" runat="server" class="first-and-second-carousel jcarousel-skin-tango">
                                <asp:Literal ID="ltrImages" runat="server"></asp:Literal>
                            </ul>
                        </div>
                    </div>
                </div>
             </div>
            </td>
        </tr>--%>
    </table>
</div>
<script type="text/javascript">
    var PhotoCount = document.getElementById("<%=hfPhotoCount.ClientID %>").value;
    function changePic(imgClientID, obj) {
        document.getElementById(imgClientID).src = obj.src;
        clearInterval(IntervalID);
        setTimeout(AnimateMarkers, 10000);
        
        return false;
    }

    function changeTrailPic(imgClientID, obj) {
        document.getElementById(imgClientID).src = obj.src;
        return false;
    }
    
</script>

